/* loader：1.下载    2.使用（配置loader）
   plugins：1.下载  2.引入  3.使用    

   打包html文件
*/


const {resolve} = require ('path');
const HtmlWebpackPlugin = require('html-webpack-plugin') //

module.exports={ 
    entry:'./src/index.js',
    output:{
        filename:'build.js',
        path:resolve(__dirname,'build')
    },
    module:{
        rules:[
            // loader的配置
        ]
    },
    plugins:[
        // plugins的配置
        // cnpm i html-webpack-plugin -D
        // 默认会创建一个空的html文件，自动引入打包输出的所有资源
        // 需求：需要有结构的html文件，要 复制'./src/index.html'文件，并自动引入打包输出的所有资源
        new HtmlWebpackPlugin({
            template:'./src/index.html'
        })
    ],
    mode:'development'
}